<script setup  lang="ts">

</script>

<template>
<div class="container">
  <div class="box">1</div>
  <div class="box">2</div>
  <div class="box">3</div>
  <div class="box">4</div>
  <div class="box">5</div>
  <div class="box">6</div>
</div>
</template>

<style scoped  lang="scss">
.container {
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  width: 100%;
}

.box {
  flex-basis: calc((100% - 20px) / 3);;
  aspect-ratio: 1;
  background-color: lightblue;
  display: flex;
  align-items: center;
  justify-content: center;
}

</style>